﻿﻿{include file="base/header"}
<script type="text/javascript">
  window.onload=
  function(){
	var oDiv = document.getElementById("fixPara"),
	  H = 0,
	  Y = oDiv        
	while (Y) {
	  H += Y.offsetTop; 
	  Y = Y.offsetParent;
	}
	window.onscroll = function()
	{
	  var s = document.body.scrollTop || document.documentElement.scrollTop
	  if(s>H) {
		$(".pro_class_c").addClass('pro_on');
	  } else {
		$(".pro_class_c").removeClass('pro_on');
	  }
	}
  }
</script>
<div class="swiper banner clear">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <img src="{$info.img}" />
    </div>
  </div>
  <script>
    var banner = new Swiper(".banner", {
      pagination: {
        el: ".banner .swiper-pagination",
		clickable: true,
      },
	  //autoplay: {
//		pauseOnMouseEnter: true,
//		disableOnInteraction: false,
//	  },
	  //effect:'fade'
	  on:{
		init: function(){swiperAnimate(this);}, 
		slideChange: function(){ swiperAnimate(this);} 
	  },
    });
  </script>
</div>
<div class="pro_class wow fadeInUp clear">
  <div class="pro_class_c" id="fixPara">
    <div class="w">
      <ul class="nav comflex">
      {volist name="cate_tree['sub']" id="vo"}
        <li {eq name="$cid" value="$vo.id"}class="cur"{/eq}>
          <div class="plebans"><a href="{:url('cate/index',['cid'=>$vo['id']])}">{$vo.title}</a></div>
          <div class="goutp">
		  {sp:articles cid="$vo['id']" id="vo1" field='a_id,title' order="sort asc,a_id asc"}
            <p><a href="{:url('article/info',['id'=>$vo1['a_id']])}">{$vo1.title}</a></p>
		  {/sp:articles}
          </div>
        </li>
      {/volist}
      </ul>
    </div>
    <!--移动端产品开始-->
    <div class="m_pro_class">
      <div class="titc"><span>product center</span><em>产品列表</em></div>
      <div class="pro_sanh">
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
    <div class="pro_fuernavt comflex">
      <div class="benrvav">
        <div>
          <div class="shojvas">
		  
      {volist name="cate_tree['sub']" id="vo"}
            <div class="showzhen">
              <div class="jd"></div>
              <p class="maei"><a href="{:url('cate/index',['cid'=>$vo['id']])}">{$vo.title}</a></p>
              <div class="shopernc">
                <div>
		  {sp:articles cid="$cid" id="vo1" field='a_id,title' order="sort asc,a_id asc"}
                  <a href="{:url('article/info',['id'=>$vo1['a_id']])}">{$vo1.title} XBC-Power</a>
		  {/sp:articles}
                </div>
              </div>
            </div>
      {/volist}
            
          </div>
        </div>
      </div>
      <div class="benrvav_bg"></div>
    </div>
    <!--移动端产品结束-->
  </div>
</div>
<div class="w pro_list_w wow fadeInUp clear">
  <ul class="con3_list com comflex1">
	{sp:articles cid="$cid" id="vo1" field='a_id,title,img' order="sort asc,a_id asc"}
    <li>
      <a href="{:url('article/info',['id'=>$vo1['a_id']])}">
        <div class="pic"><img class="df_pic" src="/static/images/df1.png" /><div class="pic_w comflex2"><img src="{$vo1.img}" /></div></div>
        <p>{$vo1.title}<em>XBC-Power</em></p>
        <div class="txt">
          <div class="txt_c comflex2">
            <div class="clear"><p>{$vo1.title}<em>XBC-Power</em></p><i>查看更多</i></div>
          </div>
        </div>
      </a>
    </li>
	{/sp:articles}
  </ul>
</div>


{include file="base/footer"}